@charset "UTF-8";
@import url(common.css);
/* 招财宝账户首页 */
.state_bar, .info_panel, .info_panel .num_wrap, .account_sum, .net_wrap, .net_wrap .value_wrap, .top_grade_rec .detail_wrap, .image_wrap {
  *zoom: 1; }

.state_bar:before, .info_panel:before, .info_panel .num_wrap:before, .account_sum:before, .net_wrap:before, .net_wrap .value_wrap:before, .top_grade_rec .detail_wrap:before, .image_wrap:before, .state_bar:after, .info_panel:after, .info_panel .num_wrap:after, .account_sum:after, .net_wrap:after, .net_wrap .value_wrap:after, .top_grade_rec .detail_wrap:after, .image_wrap:after {
  display: table;
  content: ""; }

.state_bar:after, .info_panel:after, .info_panel .num_wrap:after, .account_sum:after, .net_wrap:after, .net_wrap .value_wrap:after, .top_grade_rec .detail_wrap:after, .image_wrap:after {
  clear: both; }

.icon, .state_bar .icon_wrap, .state_bar .icon_wrap i, .info_panel .btn, .account_sum .link {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.icon {
  background-image: url(../img/index.png);
  background-repeat: no-repeat; }

.mod_tit {
  font: 700 14px/14px \5FAE\8F6F\96C5\9ED1;
  padding-left: 5px;
  border-left: 4px solid #fe6902; }

.icon {
  margin-right: 3px;
  margin-bottom: -3px; }

.icon_tip {
  width: 16px;
  height: 16px;
  background-position: 0 -40px; }

.icon_list, .icon_clock {
  width: 16px;
  height: 16px;
  background-position: 0 -60px;
  vertical-align: 0\0;
  *vertical-align: -1px; }

.icon_clock {
  background-position: -20px -60px; }

.icon_speaker {
  width: 14px;
  height: 14px;
  background-position: -20px -40px; }

.co_red {
  color: #e83433; }

.co_orange {
  color: #fe6a00; }

.co_gray {
  color: #666; }

.tip_global {
  height: 28px;
  line-height: 28px;
  margin-top: 10px;
  margin-bottom: 20px;
  background: #fff9db;
  border: 1px solid #ffd7ac;
  color: #333; }
  .tip_global .icon_speaker {
    margin-left: 10px;
    margin-right: 5px; }

.tip_layer {
  display: none;
  height: 14px;
  line-height: 14px;
  padding: 8px 11px;
  background: #fff;
  border: 1px solid #dddddd;
  position: absolute;
  z-index: 20;
  color: #666;
  white-space: nowrap; }
  .tip_layer span {
    font-weight: 700;
    color: #e83538; }
  .tip_layer .link_view {
    color: #228dd5;
    margin-left: 10px; }
  .tip_layer i {
    width: 16px;
    font: 300 16px Simsun;
    position: absolute;
    left: 20px; }
  .tip_layer .arr_outer {
    color: #dddddd;
    bottom: -9px; }
  .tip_layer .arr_inner {
    color: #fff;
    bottom: -8px; }

.cmf_index {
  width: 760px;
  padding: 20px; }

.state_bar {
  height: 24px;
  line-height: 24px;
  margin: 10px 0; }
  .state_bar .id_wrap {
    float: left;
    height: 24px;
    color: #666; }
    .state_bar .id_wrap .txt {
      float: left;
      height: 24px;
      line-height: 24px;
      margin-right: 10px;
      vertical-align: top; }
  .state_bar .icon_wrap {
    height: 18px;
    margin-top: 1px;
    margin-top: -1px\0; }
    .state_bar .icon_wrap i {
      width: 18px;
      height: 18px;
      margin-right: 7px; }
    .state_bar .icon_wrap .icon_badge_1 {
      background-position: 0 -20px; }
    .state_bar .icon_wrap .icon_badge_2 {
      background-position: -20px -20px; }
    .state_bar .icon_wrap .icon_badge_3 {
      background-position: -40px -20px; }
    .state_bar .icon_wrap .icon_badge_4 {
      background-position: -60px -20px; }
    .state_bar .icon_wrap .icon_badge_1_on {
      background-position: 0 0; }
    .state_bar .icon_wrap .icon_badge_2_on {
      background-position: -20px 0; }
    .state_bar .icon_wrap .icon_badge_3_on {
      background-position: -40px 0; }
    .state_bar .icon_wrap .icon_badge_4_on {
      background-position: -60px 0; }
  .state_bar .login_info {
    float: right;
    color: #999; }

.info_panel {
  border-bottom: 1px dotted #cccbc7;
  background: #fefdfc; }
  .info_panel .hd {
    padding: 10px 0;
    border-bottom: 1px solid #dcdcdc; }
  .info_panel .col {
    float: left;
    padding: 15px 25px;
    height: 150px; }
  .info_panel .col_left {
    width: 410px;
    border-right: 1px dotted #cccbc7; }
  .info_panel .col_right {
    width: 248px; }
    .info_panel .col_right .bd {
      padding-top: 15px; }
  .info_panel .num_wrap {
    height: 32px;
    line-height: 32px;
    padding: 25px 0 20px; }
    .info_panel .num_wrap .icon_tip {
      margin-left: 5px; }
  .info_panel .num {
    float: left;
    color: #676767; }
    .info_panel .num em {
      font: 700 32px/32px arial;
      color: #ec3635; }
  .info_panel .btn_wrap {
    float: right; }
  .info_panel .btn {
    width: 56px;
    height: 28px;
    line-height: 28px;
    margin-left: 8px;
    border: 1px solid #ddd;
    color: #333;
    text-align: center;
    background: #fff; }
    .info_panel .btn:hover {
      text-decoration: none; }
  .info_panel .btn_active {
    border: 1px solid #e93534;
    background: #e93534;
    color: #fff; }
  .info_panel .income_wrap {
    color: #999; }
    .info_panel .income_wrap span {
      height: 14px;
      line-height: 14px; }
    .info_panel .income_wrap .sum {
      padding-right: 10px;
      border-right: 1px solid #ccc; }
    .info_panel .income_wrap .rate {
      padding-left: 10px; }
  .info_panel .property {
    height: 32px;
    line-height: 32px;
    position: relative; }
    .info_panel .property .property_num {
      color: #999; }
    .info_panel .property .link_buy {
      color: #2b7fd5;
      position: absolute;
      top: 0;
      right: 0; }

.account_sum {
  height: 16px;
  line-height: 16px;
  padding: 18px 15px 18px 26px;
  margin-bottom: 15px;
  background: #fcfbfa; }
  .account_sum .account_link {
    float: left;
    color: #999; }
  .account_sum .txt {
    float: left;
    margin-top: 2px; }
  .account_sum .link {
    height: 16px;
    line-height: 16px;
    color: #666;
    vertical-align: top; }
  .account_sum .link_detail {
    padding-right: 14px;
    border-right: 1px solid #cdccca; }
  .account_sum .link_record {
    padding-left: 14px; }
  .account_sum .account_num {
    float: right;
    color: #999; }

.floor {
  margin-bottom: 10px; }
  .floor .hd {
    padding: 10px 0;
    position: relative; }
  .floor .link_more {
    position: absolute;
    top: 7px;
    right: 0;
    color: #666; }

.net_wrap .net_item {
  float: left;
  width: 248px;
  height: 160px;
  margin-right: 8px; }
  .net_wrap .net_item:last-child {
    margin-right: 0; }
.net_wrap .tit {
  height: 22px;
  line-height: 22px;
  margin: 20px 10px 12px 16px;
  font-size: 20px;
  font-weight: 700;
  color: #fff; }
.net_wrap .value_wrap {
  margin: 12px 10px 10px 16px;
  background: #fff; }
.net_wrap .net_value {
  height: 64px;
  float: left; }
.net_wrap .net_value_new {
  width: 41%; }
.net_wrap h4 {
  height: 12px;
  line-height: 12px;
  padding: 11px 10px 11px 14px;
  color: #fff;
  font-weight: 400; }
.net_wrap .value {
  padding: 0 10px 0 14px;
  color: #fff;
  font: 18px/18px arial;
  height: 18px; }
.net_wrap .desc {
  color: #666;
  text-align: right;
  padding-right: 10px; }
.net_wrap .net_value_sum h4 {
  color: #999; }
.net_wrap .net_value_sum .value {
  color: #ff6902; }
.net_wrap .net_item_blue {
  background: #bcdbf0; }
  .net_wrap .net_item_blue .tit {
    text-shadow: 1px 1px 2px #b5d2e8; }
  .net_wrap .net_item_blue .value_wrap {
    box-shadow: 2px 2px 2px #b5d5ee; }
  .net_wrap .net_item_blue .net_value_new {
    background: #97c5e7; }
  .net_wrap .net_item_blue .desc {
    color: #5091be; }
.net_wrap .net_item_green {
  background: #b0e4bd; }
  .net_wrap .net_item_green .tit {
    text-shadow: 1px 1px 2px #a7dab3; }
  .net_wrap .net_item_green .value_wrap {
    box-shadow: 2px 2px 2px #a9e1b4; }
  .net_wrap .net_item_green .net_value_new {
    background: #8dd49c; }
  .net_wrap .net_item_green .desc {
    color: #53a666; }
.net_wrap .net_item_red {
  background: #ffd2d2;
  margin-right: 0; }
  .net_wrap .net_item_red .tit {
    text-shadow: 1px 1px 2px #f3c8c8; }
  .net_wrap .net_item_red .value_wrap {
    box-shadow: 2px 2px 2px #fac7c7; }
  .net_wrap .net_item_red .net_value_new {
    background: #fbadad; }
  .net_wrap .net_item_red .desc {
    color: #b86f6f; }

.top_grade_rec {
  height: 150px;
  background: #ffe9d9; }
  .top_grade_rec h2 {
    padding: 25px 15px 13px 15px;
    height: 22px;
    line-height: 22px;
    font-size: 20px;
    color: #9f846f; }
  .top_grade_rec .detail_wrap {
    padding-left: 15px;
    padding-right: 20px; }
  .top_grade_rec .invest_info {
    float: left;
    background: #fff;
    box-shadow: 2px 2px 5px #fce3d1; }
  .top_grade_rec .info {
    float: left;
    width: 130px;
    height: 65px; }
  .top_grade_rec h4 {
    height: 12px;
    line-height: 12px;
    padding: 11px 10px 11px 14px;
    color: #fff;
    font-weight: 400; }
  .top_grade_rec .value {
    padding: 0 10px 0 14px;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    height: 18px; }
  .top_grade_rec .info_limit {
    background: #ffbe7e; }
  .top_grade_rec .info_time {
    background: #fff9f5; }
    .top_grade_rec .info_time h4 {
      color: #999; }
    .top_grade_rec .info_time .value {
      color: #999999; }
  .top_grade_rec .info_rate h4 {
    color: #999; }
  .top_grade_rec .info_rate .value {
    color: #ff6801; }
  .top_grade_rec .order_wrap {
    float: right; }
  .top_grade_rec .start_time {
    color: #666;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    margin-bottom: 8px; }
  .top_grade_rec .btn_order {
    display: block;
    width: 208px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: #e93536; }
    .top_grade_rec .btn_order:hover {
      text-decoration: none; }

.image_wrap a {
  display: block; }
  .image_wrap a img {
    display: block;
    width: 100%; }

.image_wrap_3 a {
  float: left;
  width: 248px;
  height: 150px;
  margin-right: 8px; }
  .image_wrap_3 a:last-child {
    margin-right: 0; }
  .image_wrap_3 a.last {
    margin-right: 0; }
  .image_wrap_3 a img {
    width: 248px;
    height: 150px; }
